<div class="container">
    <div class="row">
        <div class="col-md-2">
            <div ng-show="tag && !station">
                <strong><p class="bg-info">Tag number {{tag.tagNumber}} Info</p></strong>
                <form role="form">
                    <div class="form-group">
                        <p class="text-left">Name:</p>
                        <input type="text" disabled value="{{tag.objects.name}}"/>
                    </div>
                    <div class="form-group">
                        <p class="text-left">Description:</p>
                        <input type="text" disabled value="{{tag.objects.description}}"/>
                    </div>
                    <div class="form-group">
                        <p class="text-left">Object's Id:</p>
                        <input type="text" disabled value="{{tag.objects.objectId}}"/>
                    </div>
                </form>
            </div>
            <div ng-show="station">
                <strong><p class="bg-info">Current tags in Station: {{station.name}}</p></strong>

                <accordion close-others="true">
                    <div ng-repeat="tag in stationTags">
                        <accordion-group heading="Tag: {{tag.tagNumber +' Name: '+ tag.objects.name}}" id="tag{{tag.tagNumber}}">
                            <strong>Description:</strong> {{ tag.objects.description }}
                            <strong>Object's Id:</strong> {{ tag.objects.objectId }}
                        </accordion-group>
                    </div>
                </accordion>

            </div>
        </div>
        <div class="col-md-10">
            <div class="container">
                <div class="row">
                    <label class="col-md-12"><input type="checkbox" ng-model="heatmap"> Heatmap</label>
                </div>
                <div id="chart" class="row">
                </div>
            </div>
        </div>
    </div>

</div>